<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>

<table width="200" border="1" class="table table-bordered">
    <tbody>
    <tr>
        <td>HTML</td>
        <td>Bootstrap</td>
    </tr>
    <tr>
        <td>
            <button>按钮</button>
        </td>
        <td>
            <button class="btn btn-success">按钮</button>
        </td>
    </tr>
    <tr>
        <td><input type="text" value="输入框"></td>
        <td><input type="text" value="输入框" class="form-control"></td>
    </tr>
    <tr>
        <td>
            <select>
                <option>多选框</option>
                <option>多选框</option>
                <option>多选框</option>
                <option>多选框</option>
            </select></td>
        <td>

            <select class="form-control">
                <option>多选框</option>
                <option>多选框</option>
                <option>多选框</option>
                <option>多选框</option>
            </select></td>
    </tr>


    <tr>
        <td>下拉菜单(传统HTML不提供)</td>
        <td>
            <div class="dropdown">
                <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
                    http://192.168.1.189
                    <span class="caret"></span>
                </button>

                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                    <li>
                        <a href="#">Java基础</a>
                    </li>
                    <li role="presentation">
                        <a href="#">Java中级</a>
                    </li>
                    <li role="presentation">
                        <a href="#">前端基础</a>
                    </li>
                    <li role="presentation" class="divider"></li>
                    <li role="presentation">
                        <a href="#">服务端</a>
                    </li>
                    <li role="presentation">
                        <a href="#">框架</a>
                    </li>
                </ul>
            </div>

        </td>
    </tr>
    <tr>
        <td>面板(传统HTML不提供)</td>
        <td>
            <div class="panel panel-success">
                <div class="panel-heading">面板标题</div>
                <div class="panel-body">
                    面板内容<br>
                    面板内容<br>
                    面板内容
                </div>
            </div>
        </td>
    </tr>

    </tbody>
</table>

</body>
</html>